<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" href="{{_res_path}}/css/BUILDING SHOP.css">
</head>

<body>
    <header>
        <h1>建筑商店</h1>
    </header>
    <main>
        <div class="product-container">
            <div class="product">
                <img src="{{_res_path}}/img/buildings/指针.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">指针</h2>
                    <p class="product-price">初始价格：15</p>
                    <p class="product-description">每十秒自动点击一次。</p>
                    <button class="product-button">每秒收益：0.1</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/老太婆.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">老太婆</h2>
                    <p class="product-price">初始价格：100</p>
                    <p class="product-description">善良的老太婆可以烘培出很多饼干。</p>
                    <button class="product-button">每秒收益：1</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/农场.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">农场</h2>
                    <p class="product-price">初始价格：1100</p>
                    <p class="product-description">通过饼干种子种植饼干植物。</p>
                    <button class="product-button">每秒收益：8</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/矿坑.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">矿坑</h2>
                    <p class="product-price">初始价格：12000</p>
                    <p class="product-description">可开采出饼干面团可巧克力豆。</p>
                    <button class="product-button">每秒收益：47</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/工厂.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">工厂</h2>
                    <p class="product-price">初始价格：130000</p>
                    <p class="product-description">生产大量饼干。</p>
                    <button class="product-button">每秒收益：260</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/银行.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">银行</h2>
                    <p class="product-price">初始价格：1.4 million</p>
                    <p class="product-description">通过利息产出饼干。</p>
                    <button class="product-button">每秒收益：1400</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/神庙.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">神庙</h2>
                    <p class="product-price">初始价格：20 million</p>
                    <p class="product-description">装满了珍贵的古代巧克力。</p>
                    <button class="product-button">每秒收益：7800</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/巫师塔.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">巫师塔</h2>
                    <p class="product-price">初始价格：330 million</p>
                    <p class="product-description">使用法术召唤饼干。</p>
                    <button class="product-button">每秒收益：44000</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/装运飞船.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">装运飞船</h2>
                    <p class="product-price">初始价格：5.1 billion</p>
                    <p class="product-description">从饼干行星运来新鲜的饼干。</p>
                    <button class="product-button">每秒收益：260000</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/炼金术实验室.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">炼金术实验室</h2>
                    <p class="product-price">初始价格：75 billion</p>
                    <p class="product-description">将黄金转换成饼干！</p>
                    <button class="product-button">每秒收益：1.6 million</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/传送门.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">传送门</h2>
                    <p class="product-price">初始价格：1 trillion</p>
                    <p class="product-description">打开一扇通往饼干世界的门。</p>
                    <button class="product-button">每秒收益：10 million</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/时光机.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">时光机</h2>
                    <p class="product-price">初始价格：14 trillion</p>
                    <p class="product-description">从过去带回还没被吃过的饼干。</p>
                    <button class="product-button">每秒收益：65 million</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/反物质聚光镜.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">反物质聚光镜</h2>
                    <p class="product-price">初始价格：170 trillion</p>
                    <p class="product-description">将宇宙中的反物质凝聚成饼干。</p>
                    <button class="product-button">每秒收益：430 million</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/棱镜.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">棱镜</h2>
                    <p class="product-price">初始价格：2.1 quadrillion</p>
                    <p class="product-description">将光转换成饼干。</p>
                    <button class="product-button">每秒收益：2.9 billion</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/机会制造器.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">机会制造器</h2>
                    <p class="product-price">初始价格：26 quadrillion</p>
                    <p class="product-description">通过侥幸凭空产出饼干。</p>
                    <button class="product-button">每秒收益：21 billion</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/分形引擎.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">分形引擎</h2>
                    <p class="product-price">初始价格：310 quadrillion</p>
                    <p class="product-description">将饼干变成更多的饼干。</p>
                    <button class="product-button">每秒收益：150 billion</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/Javascript控制台.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">Javascript控制台</h2>
                    <p class="product-price">初始价格：71 quintillion</p>
                    <p class="product-description">通过写入游戏中的代码来生产饼干。</p>
                    <button class="product-button">每秒收益：1.1 trillion</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/空闲宇宙.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">空闲宇宙</h2>
                    <p class="product-price">初始价格：12 sextillion</p>
                    <p class="product-description">我们周围有不计其数的空闲宇宙。你最终找到办法操纵他们的生产，将他们正在生产的物品转化成饼干！</p>
                    <button class="product-button">每秒收益：8.3 trillion</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/脑皮屑面包师.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">脑皮屑面包师</h2>
                    <p class="product-price">初始价格：1.9 septillion</p>
                    <p class="product-description">这些行星大小的人造大脑能够简单地将饼干地梦想变成现实。时间和空间无关紧要。现实可以任意。</p>
                    <button class="product-button">每秒收益：64 trillion</button>
                </div>
            </div>
            <div class="product">
                <img src="{{_res_path}}/img/buildings/你.png" alt="建筑图片" class="product">
                <div class="product-info">
                    <h2 class="product-title">你</h2>
                    <p class="product-price">初始价格：540 septillion</p>
                    <p class="product-description">只有你是所有这些饼干背后地原因。你觉得如果有多个你地话……也许你可以做更多地事情</p>
                    <button class="product-button">每秒收益：510 trillion</button>
                </div>
            </div>
        </div>
    </main>
</body>

</html>